<!DOCTYPE html>
<html class="has-topbar has-bottombar">

	<head>
		<meta charset="utf-8">
		<script type="text/javascript" src="../../js/2h5_fb.js"></script>
		<meta name="format-detection" content="telephone=yes" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<link rel="shortcut icon" href="../../img/icon/bitbug_favicon.ico">
		<link rel="stylesheet" href="../../css/mui/mui.min.css" />
		<link rel="stylesheet" href="../../css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="../../css/work/recruitmentlist_detail.css" />
		<title>招聘详情</title>
	</head>

	<body>
		<div class="mui_aetd" id="mui_aetd">
			<div class="aeta_b">
				<a class="mui-icon mui-icon-left-nav mui-pull-left" href="recruitmentlist.html" style="color: #FFFFFF;"></a>
				<div class="qy_detas">招聘详情</div>
			</div>
		</div>
		<div class="mui_tbabox">
			<div class="swiper-container">
				<div class="swiper-wrapper">
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="mui-content">
			<div class="detail_gsname">
				<div class="gsname_box">
					<div class="box_name" id="mechanismName"></div>
					<div class="box_item_mon" style="font-size: 0.32rem;float: right;color: #FF6666;"><span id="mechanismScore"></span>分</div>
					<div class="box_item">
						<div class="box_item_b" id="res_key">
							<!--<div class="item_b_box">东莞市</div>
							<div class="item_b_box">东莞市</div>-->
						</div>
						<div style="float: right;font-size: 0.32rem;padding: 0.206666rem 0rem 0.206666rem 0rem;color: #444444;" id="post"></div>
						<!--<div class="box_item_mon" style="font-size: 0.32rem;"><span id="mechanismScore"></span>分</div>-->
						<!--<div class="box_item_mon mon22" style="line-height: 130%;" id="wageRange"></div>
						<div class="box_item_mon mon22" style="line-height: 130%;" id="workMoney"></div>-->
					</div>
					<div class="box_item">
						<div class="box_item_b">
							<div class="item_b_box2 stat_zm" style="color:#FF6666;display:none">已招满</div>
							<div class="item_b_box2 stat_you">需<span id="workTypeName"></span>：<span class="box2_red"><span id="maxNumber"></span>人</span>
							</div>
							<div class="item_b_box2">已报名：<span class="box2_red"><span id="applyNumber"></span>人</span>
							</div>
						</div>
						<div class="box_item_mon mon22" id="wageRange"></div>
						<div class="box_item_mon mon22" id="workMoney"></div>
						<!--<div class="box_item_mon" style="font-size: 0.32rem;"><span id="mechanismScore"></span>分</div>-->
					</div>
				</div>
			</div>
			<div class="wrapper2box">
				<div class="wrapper wrapper03" id="wrapper03">
					<div class="scroller">
						<ul class="clearfix">
							<li>
								<a href="javascript:void(0)" id="entry_nav">入职要求</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="salary_nav">薪资福利</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="sleep_nav">住宿餐饮</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="work_nav">工作时间</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="interview_nav">面试材料</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="other_nav">其他说明</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="zp_list">
				<div class="list_box" id="entry">
					<div class="b_1">
						<div class="bgk_d"></div>入职要求</div>
					<div class="b_2font" id="workDemand">
					</div>
				</div>
				<div class="list_box" id="salary">
					<div class="b_1">
						<div class="bgk_d"></div>薪资福利</div>
					<div class="b_2font" id="workSalary">
					</div>
				</div>
				<div class="list_box" id="sleep">
					<div class="b_1">
						<div class="bgk_d"></div>住宿餐饮</div>
					<div class="b_2font" id="eatSleep">
					</div>
				</div>
				<div class="list_box" id="work">
					<div class="b_1" id="">
						<div class="bgk_d"></div>工作时间</div>
					<div class="b_2font" id="workTime">
					</div>
				</div>
				<div class="list_box" id="interview">
					<div class="b_1">
						<div class="bgk_d"></div>面试材料</div>
					<div class="b_2font" id="workKnow">
					</div>
				</div>
				<div class="list_box" id="others">
					<div class="b_1">
						<div class="bgk_d"></div>其他说明</div>
					<div class="b_2font" id="remarks">
					</div>
				</div>
			</div>
			<div class="yanse_bck"></div>
			<div class="qy_n">
				<div class="qy_n1">
					<div class="qy_nbdk"></div>企业简介
				</div>
				<div class="qy_nm" id="mechanismDetails">
				</div>
			</div>
			<div class="qy_n" style="margin-bottom:2.133333rem;height:1.333333rem;padding: 0px 0px 20px 0px;">
				<div class="add_fim">
					<img class="addres_img" src="../../css/workdetail/procedure_07.png">
					<div class="addres_use">地址：<span id="mechanismAddress"></span></div>
				</div>
			</div>
		</div>
		<div class="bd_divbox"></div>
		<div class="divbox_yue">
			<div class="kefu_rads">
				客服联系方式
			</div>
			<div class="kef_three">
				<div class="one_f">姓名：<span id="serviceName"></span></div>
				<div class="one_f">
					<div style="float: left;">联系方式：</div>
					<div id="servicePhone"></div>
				</div>
				<div class="one_y">微信搜索客服号码即可添加客服微信</div>
			</div>
			<div class="le_ri">
				<div class="le_left" style="border-right: 1px solid #AAAAAA;">
					<div class="lef_box" id="copy_phone" onclick="" style="cursor: pointer;">
						<img src="../../css/workdetail/fuzhi3x.png">
						<div class="fuz_iph">复制号码</div>
					</div>
				</div>
				<div class="le_left">
					<div class="lef_box">
						<img src="../../css/workdetail/boda3x.png">
						<div class="fuz_iph">
							<a href="javascript:;" id="tel_phone">立即拨打</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="bm_divbox"></div>
		<div class="divbox_m">
			<div class="m_tp">报名成功</div>
			<div class="m_tm">
				<div class="tm_fon">姓名：<span id="username"></span></div>
				<div class="tm_fon">报名企业：<span id="companyname"></span></div>
			</div>
			<div class="tm_ckdeil" id="look_detail_btn">查看详情</div>
		</div>
		<div class="esc_divbox"></div>
		<div class="esc_box">
			<div class="cf_bag"></div>
			<div class="m_tp">是否取消之前报名？</div>
			<div class="tm_ckdeil">
				<div class="esc_le" id="no_btn">否</div>
				<div class="esc_ri" id="yes_btn">是</div>
			</div>
		</div>
		<div class="succ_divbox"></div>
		<div class="succ_box">
			<div class="cf_bag"></div>
			<div class="m_tp">企业入职报名，请填写您的真实姓名</div>
			<input class="succ_usm" id="name_input" type="text" placeholder="请填写真实姓名" />
			<div class="tm_ckdeil">
				<div class="esc_le" id="cancel_btn">取消</div>
				<div class="esc_ri" id="sure_btn">确定</div>
			</div>
		</div>
		<div class="nav_btm" id="nav_btm">
			<div class="nav_bleft">
				<!--<div class="bleft_div">
					<img style="width: 0.48rem;height:0.52rem;" class="bleft_img" src="images/recruitmentlist_detail/procedure_18.png">
					<div>分享</div>
				</div>-->
				<div class="bleft_div" id="consult_btn">
					<img class="bleft_img" src="../../css/workdetail/procedure_20.png">
					<div>咨询</div>
				</div>
			</div>
			<div class="nav_bright" id="entryApply_btn">入职报名</div>
			<div class="nav_bright" id="cancelApply_btn">取消报名</div>
			<div class="nav_bright" style="background: #939393;" id="stopApply_btn">停止报名</div>
			<div class="nav_bright" style="background: #939393;" id="forbidApply_btn">禁止报名</div>
		</div>
		<div style="position: fixed;display:table;margin: 0 auto;width: 0px;height: 0px;top: 40%;left: 50%;right: 50%;z-index: 30000;">
			<div id="myspin"></div>
		</div>
	</body>

	<script type="text/javascript" src="../../js/mui/mui.min.js"></script>
	<script type="text/javascript" src="../../js/jquery/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../../js/swiper-3.4.2.min.js"></script>
	<script type="text/javascript" src="../../js/iscroll.js"></script>
	<script type="text/javascript" src="../../js/navbarscroll.js"></script>
	<script type="text/javascript" src="../../js/spin/spin.min.js"></script>
	<script type="text/javascript" src="../../js/clipboard.min.js"></script>
	<script type="text/javascript" src="../../js/util/util.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>
	<script type="text/javascript" src="../server.js" ></script>
	<script type="text/javascript" src="js/recruitmentlist_detailH5.js"></script>

	<script type="text/javascript">
		$(document).ready(function(e) {
			var counter = 0;
			if(window.history && window.history.pushState) {
				$(window).on('popstate', function() {
					window.history.pushState('forward', null, '#');
					window.history.forward(1);
					window.location.href = 'recruitmentlist.html';
				});
			}
			window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
			window.history.forward(1);
		});

		//入职要求，薪资福利等六大板块的瞄点导航
		var heig = $("#mui_aetd").height();//标题-招聘详情高度
		var swiperHeight = $(".mui_tbabox").height();//轮播图高度
		var listHeight = $(".detail_gsname").height();//轮播图-六大板块之间高度
		var hbixheig = swiperHeight + listHeight;
		$('.wrapper').navbarscroll();

		$("#entry_nav").click(function() {
			scrollArea("entry");
		});
		$("#salary_nav").click(function() {
			scrollArea("salary");
		});
		$("#sleep_nav").click(function() {
			scrollArea("sleep");
		});
		$("#work_nav").click(function() {
			scrollArea("work");
		});
		$("#interview_nav").click(function() {
			scrollArea("interview");
		});
		$("#other_nav").click(function() {
			scrollArea("others");
		});

		function scrollArea(divId) {
			$("#mui_aetd").css("display", "none");
			var oheight = $(".wrapper2box").css({
				"position": "fixed",
				"top": "0px",
				"left": "0px",
				"right": "0px",
				"z-index": "888",
				"background": "#ffffff"
			});
			$("html, body").animate({
				scrollTop: $("#" + divId).offset().top - heig - 20
			}, {
				duration: 500,
				easing: "swing"
			});
			return true;
		}

		if(isAndroid) {
			$(window).scroll(function() {
				if($(window).scrollTop() > hbixheig) { //如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除
					var oheight = $(".wrapper2box").css({
						"position": "fixed",
						"top": "0px",
						"left": "0px",
						"right": "0px",
						"z-index": "888",
						"background": "#ffffff"
					});
					$("#mui_aetd").css("display", "none");
				} else {
					var oheight = $(".wrapper2box").css({
						"position": "relative",
					});
					$("#mui_aetd").css("display", "block");
				}
			});
		}
		if(isiOS) {
			$("#mui_aetd").css("display", "none");
			$(".mui_tbabox").css("margin-top", "0px");
			$(window).scroll(function() {
				if($(window).scrollTop() > hbixheig) {
					var oheight = $(".wrapper2box").css({
						"position": "fixed",
						"top": "0px",
						"left": "0px",
						"right": "0px",
						"z-index": "888",
						"background": "#ffffff"
					});
					$("#mui_aetd").css("display", "none");
				} else {
					var oheight = $(".wrapper2box").css({
						"position": "relative",
					});
					$("#mui_aetd").css("display", "none");
				}
			});
		}
	</script>

</html>